<p-dialog header="{{title}}" [(visible)]="display" modal="modal" [responsive]="true" [width]="400" [minWidth]="200" (onHide)="closeCogRoleMask(false)">
  <!--<p-panel header="{{title}}">-->
    <div class="ui-grid ui-grid-responsive ui-grid-pad ui-fluid" style="margin: 10px 0px">
      <form>
        <div class="ui-grid-row margin-bottom-1vw">
          <div class="ui-grid-col-12">
            <p-dataTable [value]="tableDatas"
                         [responsive]="true"  id="manageTable" [rows]="10" [paginator]="true" [rowsPerPageOptions]="[10,15,20]" [(selection)]="selectedRoles">
              <!--<p-footer>-->
              <!--<p-paginator rows="10" totalRecords="120" [rowsPerPageOptions]="[10,20,30]" pageLinkSize="10"></p-paginator>-->
              <!--</p-footer>-->
              <p-column selectionMode="multiple" ></p-column>
              <p-column field="rid" header="编号" [sortable]="true"></p-column>
              <p-column field="name" header="名称" [sortable]="true"></p-column>
              <ng-template pTemplate="emptymessage">
                当前没有数据
              </ng-template>
            </p-dataTable>
          </div>
        </div>
        <div class="ui-grid-row margin-bottom-1vw">
          <div class="ui-grid-col-6"></div>
          <div class="ui-grid-col-3 padding-tblr">
            <button pButton type="submit" label="确认" (click)="formSubmit(false)" *ngIf="state === 'cognate'"></button>
          </div>
          <div class="ui-grid-col-3 padding-tblr">
            <button pButton type="button" label="取消" (click)="closeCogRoleMask(false)"></button>
          </div>
        </div>
      </form>
    </div>
  <!--</p-panel>-->
</p-dialog>
